@charset "utf-8";
@media (max-width:768px){

.banner .page{display: none;}
html{overflow-x: hidden !important;}

.header .hidden-nav .down h5{margin-top: 22px;}
.header .hidden-nav .down p{margin-top: 18px;}

.crumbs .containers .tip{display: none;}
.crumbs{padding: 12px 0;}
.information{padding: 30px 0;}
.information ul{margin-left: 0;}
.information li{width: 100%;margin-left: 0;margin-bottom: 16px;}
.information li .icon{text-align: center;width: 100%;}
.information li .icon img{width: 60px;height: 60px;}
.information li .tex{margin-top: 10px;width: 100%;margin-left: 0;width: 100%;text-align: center;font-size: 12px;line-height: 22px;}
.information li:nth-child(1) .tex, .information li:nth-child(3) .tex{padding-top: 0;}
.information li:nth-child(3) .tex{text-align: center;}
.information li:nth-child(2) .tex{padding-top: 0;}
.information .name{margin-bottom: 28px;text-align: center;font-size: 18px;}
.map #allmap{height: 320px;}
.map{margin-top: 0;}
.page-banner p{font-size: 22px;}
.contact-lsit li .top a{font-size: 16px;}

.contact-lsit li{width: 100%;padding: 20px;height: 167px;}
.contact-lsit li .top{padding: 0 0 14px 0;}
.contact-lsit li .bot{padding-top: 14px;}
.contact-lsit li .bot span{display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.contact-lsit li .bot span:nth-child(2){margin-left: 0;margin-top: 10px;}
.contact-lsit{padding: 30px 0;}
.foot_up .foot_up_l{width: 100%;text-align: center;}
.page-footer .foot_up .foot_up_c{width: 100%;margin-left: 0;margin-top: 20px;}
.foot_up .foot_up_c li p{display: none;}
.foot_up .foot_up_l h3 img{width: auto;}
.foot_up .foot_up_l h3{width: auto;margin-bottom: 10px;}
.foot_up .foot_up_l p{display: inline-block;margin: 10px 10px 0 10px;}
.foot_up .foot_up_c{margin-left: 0;}
.page-footer .foot_up .foot_up_c li{padding-left: 0;text-align: center;}
.page-footer .foot_up .foot_up_r{width: 100%;text-align: center;}
.foot_up .foot_up_r img{width: 140px;height: 140px;}
.foot_up{padding-bottom: 15px;}
.footer{padding: 21px 0 24px;}
.foot_down .foot_down_l{line-height: 23px;}
.foot_down{padding-top: 15px;}
.crumbs a{font-size: 14px;}
.crumbs{font-size: 14px;}

.header .logo img{width: 130px;}

.dstail{margin: 30px 0;}
.dstail .top .item:nth-child(1){font-size: 18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.dstail .top .item:nth-child(2){margin-top: 15px;font-size: 14px;}
.dstail .bot{margin-top: 0;padding: 10px 0;font-size: 14px;}
.dstail .bot img{width: 100% !important;height: auto !important;}
.dstail .bot video{width: 100% !important;height: auto !important;}
.dstail .page .up-down a{display: inline-block;width: 100%;font-size: 14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.dstail .page{padding-top: 15px;}
.dstail .page .up-down{width: 100%;}
.dstail .page .up-down a:nth-child(1){margin-bottom: 13px;}
.dstail .page .detail-return a{font-size: 20px;}
.dstail .page .detail-return{width: 100%;margin-top: 13px;}

.governance{margin: 30px 0;}
.governance .item{padding: 20px;margin-bottom: 20px;}
.governance .item .title span:nth-child(1){font-size: 20px;}
.governance .item .items .top{font-size: 20px;}
.governance .item .title span:nth-child(2){font-size: 14px;margin-top: 6px;}
.governance .item .items{margin-bottom: 12px;}
.governance .item .items .bot .bot-list li{width: 50%;margin-left: 0;margin-bottom: 20px;font-size: 14px;}
.governance .item .items2 .bot .bot-list li{margin-bottom: 0;}
.governance .item3 .items2 .bot .bot-list li{margin-bottom: 20px;}
.constitution li{width: 100%;font-size: 14px;padding: 0 15px;height: 80px;line-height: 80px;}
.constitution li .icon a{width: 33px;height: 33px;margin-top: 23px;}
.governance .item .items .bot .bot-tex .tex-item{padding: 15px;font-size: 14px;line-height: 23px;}
.governance .item1 .items4 .bot .bot-list li:last-child{margin-bottom: 0;}
.governance .item1 .items3 .bot .bot-list li:last-child{margin-bottom: 0;}
.governance .item2 .items3 .bot .bot-list li:last-child{margin-bottom: 0;}
.governance .item3 .items .bot .bot-list li:nth-child(8){margin-bottom: 20px;}
.governance .item3 .items .bot .bot-list li:nth-child(7){margin-bottom: 20px;}

.introduction{padding: 30px 0;}
.introduction .tex-1{width: 100%;font-size: 20px;line-height: 34px;}
.introduction .tex-2{width: 100%;font-size: 14px;line-height: 30px;margin-top: 13px;}
.platform li{width: 100%;margin-left: 0;height: 225px;}
.platform ul{margin-left: 0;}
.platform ul li .mc{padding: 20px;}
.platform ul li .mc .tex{margin-top: 81px;line-height: 21px;margin-left: 0;}
.platform ul li .mc .tex p{margin-top: 15px;font-size: 12px;}
.platform ul li .mc .tex span{font-size: 18px;}
.business .tex{width: 100%;}
.business .list{width: 100%;margin-top: 20px;}
.business{padding: 30px 0;}
.business .tex span{font-size: 22px;}
.business .tex p{font-size: 16px;line-height: 28px;margin-top: 15px;}
.business .tex a{width: 100px;height: 35px;line-height: 35px;margin-top: 20px;}
.business .list li{padding: 15px 0;}
.business .list li a{font-size: 16px;}
.data{padding: 30px 0;}
.data .top{font-size: 14px;line-height: 27px;}
.data .bot{margin-top: 21px;}
.data .bot li i:nth-child(1){font-size: 28px;}
.data .bot li span:nth-child(2){font-size: 12px;margin-top: 8px;}
.development{padding: 30px 0;}
.development p{font-size: 14px;line-height: 29px;}

.hotline{margin: 30px 0;}
.hotline .con{padding: 20px;margin: 0;}
.hotline .con .title{font-size: 20px;}
.hotline .con .title img{width: 25px;height: 25px;}
.hotline .con .leaving .leaving-con .item{margin-top: 16px;}
.hotline .con .leaving .leaving-con input{height: 45px;padding: 0 0 0 13px;}
.hotline .con .leaving .leaving-con .leaving-left{width: 100%;}
.hotline .con .leaving .leaving-con .leaving-right{width: 100%;font-size: 14px;}
.hotline .con .leaving .leaving-con .item:nth-child(2) textarea{padding: 10px 0 0 13px;}
.hotline .con .leaving .leaving-con .item:nth-child(3) input{width: 97px;height: 35px;}
.hotline .con .leaving .leaving-con .item:nth-child(3) span{width: 96px;font-size: 22px;height: 35px;}
.hotline .con .leaving .leaving-con .item:nth-child(3) span img{width: 100%;}
.hotline .con .leaving .leaving-con .item:nth-child(3) button{width: 77px;height: 35px;}
.investigation .inv-left{width: 100%;}
.investigation .inv-right{width: 100%;}
.hotline .con .leaving .leaving-con .leaving-right img{width: 200px;height: 200px;}
.investigation .inv-left .tex{line-height: 25px;margin-top: 18px;}
.investigation .text{padding: 20px;height: auto;}
.investigation .text .up input{width: 100%;}
.investigation .text .down{font-size: 12px;}
.investigation .text .down a{margin-left: 3px;}
.investigation .text .up input{padding-left: 10px;}
.investigation .text .up button:nth-child(2){border-left:1px solid #dcdcdc;width: 90px;height: 36px;font-size: 14px;}
.investigation .text .up button:nth-child(3){width: 90px;height: 36px;font-size: 14px}
.investigation .inv-right .item span{font-size: 14px;}
.investigation .inv-right .item .icon img{margin-top: 0;}

.base li{width: 100%;margin-left: 0;margin-bottom: 15px;height: 238px;}
.base li:last-child{margin-bottom: 0;}
.base li .tex{font-size: 24px;}
.base li .more{margin-top: 22%;}
.base li .more a{font-size: 20px;}
.base li .more a img{margin-bottom: 0;}
.base ul{margin-left: 0;}
.base{margin: 30px 0;}
.base li .li-con{padding: 40px;}

.join .top{padding: 30px 0;}
.join .top .item:nth-child(1){font-size: 14px;line-height: 27px;}
.join .top .item:nth-child(2) .items:nth-child(1) span{font-size: 18px;}
.join .top .item:nth-child(2){margin-top: 13px;}
.join .top .item:nth-child(2) .items:nth-child(1){margin-bottom: 13px;}
.join .top .item:nth-child(2) p{font-size: 14px;line-height: 26px;}
.join .top .item:nth-child(2) .items:nth-child(2) p:nth-child(1), .join .top .item:nth-child(2) .items:nth-child(3) p:nth-child(1){width: 21%;}
.join .top .item:nth-child(2) .items:nth-child(2) p:nth-child(2), .join .top .item:nth-child(2) .items:nth-child(3) p:nth-child(2){width: 78%;}

.policy .top{font-size: 18px;height: 60px;line-height: 60px;padding-left: 10px;}
.policy .list{padding: 10px;}
.policy .list li span{width: 100%;font-size: 16px;height: 40px;line-height: 40px;}
.policy .list li p{margin-left: 0;width: 100%;margin-top: 13px;line-height: 31px;}
.policy .list li{margin-bottom: 23px;}
.recruit .top{padding: 20px;font-size: 12px;}
.recruit .list .item:nth-child(odd){padding: 10px;}
.recruit .list .item:nth-child(even){margin: 0 10px;padding: 10px 0;}
.recruit .list dd{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pagination-2 .con{padding: 30px 0;}
.pagination-2{margin-bottom: 30px;}

.introduce{padding: 30px 0;}
.introduce .tex{width: 100%;}
.introduce .img{width: 100%;}
.introduce .img img{width: 100%;}
.introduce .tex span{font-size: 22px;text-align: center;}
.introduce .tex p{line-height: 27px;font-size: 14px;padding-top: 15px;}
.technology{padding: 30px 0;}
.technology .top span:nth-child(1){font-size: 22px;}
.technology .top span:nth-child(2){line-height: 27px;}
.technology .list{margin-top: 25px;}
.technology .list ul li{width: 100%;margin-left: 0;padding: 15px;height: auto;}
.technology .list ul{margin-left: 0;}
.technology .list ul li .img img{width: 100%;}
.technology .list ul li .img{width: 41%;}
.technology .list ul li .tex{width: 53%;}
.technology .list ul li .tex .item:nth-child(1) a{font-size: 20px;}
.technology .list ul li .tex .item:nth-child(2){font-size: 16px;margin: 15px 0 12px 0;}
.technology .list ul li .tex .item:nth-child(3){line-height: 23px;font-size: 12px;}
.technology .list ul li:last-child{margin-bottom: 0;}
.technology .list ul li .tex .item:nth-child(3) p{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 20;
  overflow: hidden;}

.major{margin: 30px 0;}
.major li .img{width: 100%;}
.major li .tex{width: 100%;padding: 20px;}
.major li .tex .item:nth-child(2) a{font-size: 18px;}
.major li .tex .item:nth-child(2){margin: 15px 0;}
.pagination{margin: 30px 0;}
.major li{margin-bottom: 35px;}
.major li .tex .item:nth-child(3) p{font-size: 12px;}
.pagination a{width: 38px;height: 38px;line-height: 38px;}

.team{padding-top: 30px;}
.team li .tex{width: 100%;padding: 20px;height: auto;}
.team li .img{width: 100%;}
.team li .tex .items .name a span:nth-child(1){font-size: 20px;}
.team li .tex .items .name a span:nth-child(2){font-size: 22px;}
.team li .tex .items .line{margin-top: 15px;}
.team li .tex .items:nth-child(3) p{font-size: 14px;line-height: 26px;display: block;width: 100%;margin: 18px 0;    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 20;overflow: hidden;}

.media li .img{width: 100%;text-align: left;margin-top:10px;padding-left: 26%;}
.media li .img img{width: 233px;height: 155px;}
.media li .time{width: 26%;border-right: 0;}
.media li .tex{margin-left: 0;width: 74%;}
.media li .time span:nth-child(2){font-size: 20px;margin-top: 14px;}
.media li .tex .btn{margin-top: 8px;}
.media li .tex .item:nth-child(1) a{font-size: 16px;}
.media li .tex .item:nth-child(2){font-size: 14px;margin-top: 8px;}
.media{padding-top: 30px;}
.media li{padding: 18px 0;}
.team li .tex .items:nth-child(4) p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 30;overflow: hidden;}

.pmc{z-index: 1;}


.notice{margin: 30px 0;}
.notice li{height: auto;margin-bottom: 15px;}
.notice li:last-child{margin-bottom: 0;}
.notice li .tex{padding: 15px 10px;width: 100%;height: auto;}
.notice li .tex .text a{font-size: 16px;}
.notice li .time{width: 100%;height: auto;}
.notice li .tex .text{width: 78%;}
.notice li .tex .icon{width: 15%;}
.notice li .tex .text p{margin-top: 10px;}
.notice li .time{padding: 10px 0;}
.notice li .time span:nth-child(1){font-size: 30px;}
.notice li .time span:nth-child(2){font-size: 14px;}
.m_project_l .more a{height: 35px;line-height: 35px;}

.environment .item{padding-top: 30px;}
.environment .item .top .top-left{width: 100%;font-size: 22px;}
.environment .item .top .top-right{width: 100%;font-size: 14px;line-height: 27px;margin-top: 15px;}
.environment .item .top{margin-bottom: 30px;}
.environment .item:nth-child(2){margin-top: 30px;}
.environment .item:nth-child(2) .bot{padding: 0;}
.environment .item:nth-child(2) .bot img{width: 100%;}
.environment .list li{width: 100%;margin-left: 0;}
.environment .list ul{margin-left: 0;}
.environment .list{margin-top: 30px;}
.environment .list .items:nth-child(1){font-size: 22px;margin-bottom: 20px;}
.environment .list li{margin-bottom: 15px;}
.environment .list li:last-child{margin-bottom: 0;}
.environment .list li .tex{padding: 20px;height: 125px;}
.environment .list li .tex span{font-size: 16px;}
.environment .list .items:nth-child(3){margin-top: 30px;}
.environment .list .tex-2{margin-top: 30px;}
.environment .list .tex-2 p{font-size: 14px;line-height: 27px;}
.environment .list .items:nth-child(3){padding-bottom: 30px;}
.environment .list .tex-1 span:nth-child(1), .environment .list .tex-1 span:nth-child(3){width: 34%;}
.environment .list li .tex a{width: 77px;height: 32px;line-height: 32px;}
.environment .ps-title{font-size: 22px;}

.wechat li{width: 100%;margin-left: 0;padding-top: 25px;height: 267px;margin-bottom: 30px;}
.wechat ul{margin-left: 0;}
.wechat li .tex{margin-top: 17px;}
.wechat{padding-top: 30px;}
.wechat li .tex span{font-size: 14px;width: 100%;}

.m_article_left{width: 100%;padding: 20px 5% 60px 5%;position: relative;}
.m_article_right{width: 100%;}
.m_article_left .m_tit{padding-right: 0;}
.m_tit .m_tit_l h3 span{font-size: 20px;}
.m_tit .m_tit_l h3 img{max-width: 25px;}
.m_tit .m_tit_l{width: 100%;}
.m_tit .m_tit_l p{margin-top: 8px;}
.m_article_left .m_article_list{padding-right: 0;position:initial;}
.m_tit .m_tit_r a{margin-top: 0;height: 28px;line-height: 28px;font-size: 12px;}
.foot_up .foot_up_c .f_contact p:nth-last-child(1){margin-top: 3px;}
.m_article_right ul li a{padding: 30px 5%;}
.m_article_right ul li a h4{font-size: 18px;margin-top: 8px;}
.m_project_l{width: 100%;height: 250px !important;}
.m_project_c{width: 100%;}
.m_project_r{width: 100%;}
.m_article_right ul li a h3 img{width: 30px;}

.m_business .container .m_business_con ul li h5{margin-top: 0;}
.m_business .container .m_business_con ul li h5 span{display: none;}
.m_business .container .m_business_con ul{margin-left: 0;}

.m_business{padding: 30px 0;background-size: auto 100%;background-attachment:initial;}
.m_business .container .m_business_con{margin-top: 30px;}
.m_business .container .m_business_con ul li p{margin-top: 15px;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.m_business .container .m_business_con ul li h4{padding-bottom: 15px;font-size: 14px;margin-top: 12px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.m_business .container .m_business_con ul li h3 img{width: 45px;height: 45px;}
.m_business .container .m_business_con ul li h3{height: 60px;line-height: 60px;}
.m_article_right ul li a h5{margin-top: 10px;font-size: 14px;}

.m_project_l .nei{padding: 30px 5%;}
.m_project_l .nei h3 span{font-size: 22px;}
.m_project_l .nei h3 img{width: 33px;}
.m_project_l .nei p{margin-top: 15px;}
.m_project_l .nei .swiper-pagination{left: 0;text-align: center;width: 100%;}
.m_project_l .more{margin-top: 78px;}
.home-container{width: 100%;}
.m_project_c .up li .text h3{font-size: 14px;}
.m_project .text h3{font-size: 14px;}
.m_partners{padding: 30px 0;}
.m_partners .tit h3{font-size: 22px;}
.m_partners .tit p{font-size: 14px;margin-top: 10px;}

.foot_up .foot_up_l p a{width: 100px;}
.home-footer{padding-bottom: 15px;}
.home-footer .foot_up .foot_up_c{width: 100%;margin-top: 15px;}
.home-footer .foot_up .foot_up_r{width: 100%;text-align: center;margin: 20px 0;}
.home-footer .foot_up .foot_up_c ul{width: 100%;}
.home-footer .foot_up .foot_up_c .f_contact{width: 100%;}
.home-footer .foot_up .foot_up_c li{width: 25%;margin-right: 0;text-align: center;}
.home-footer .foot_up .foot_up_c .f_contact p{padding-left: 31px;}
.home-footer .foot_up .foot_up_c .f_contact p:nth-child(1){background-size: 6% 14%;}
.home-footer .foot_up .foot_up_c .f_contact p:nth-child(2){background-size: 5% 38%;}
.home-footer .foot_down .foot_down_l{width: 100%;}
.home-footer .foot_down .foot_down_r{width: 100%;margin-top: 25px;}
.home-footer .foot_up{padding-bottom: 0;}
.foot_down .foot_down_r a img{width: 26px;height: 26px;}

.page-body .banner p{font-size: 16px;}
.m_banner .focus{height: 280px !important;}

.article-next, .article-prev{width: 44px;height: 44px;}
.article-next, .article-prev{top: 98%}
.m_article_left .swiper-button-next, .m_article_left .swiper-container-rtl .swiper-button-prev{top: 98%;right: 6px;}
.m_article_left .swiper-button-prev, .m_article_left .swiper-container-rtl .swiper-button-next{right: 52px;}

.page-banner{justify-content:center;align-items:center;}
.page-banner>img{height: auto;width: 100%;}
.banner .page span{font-size: 22px;width: 30%;}
.banner .page ul{width: 70%;margin-left: 0;}
.banner .page{height: 80px;line-height: 1;}
.page-banner p{font-size: 16px;line-height: 26px;}
.banner p{top: 50%;font-size: 16px;line-height: 26px;}

.header .header-nav ul{display: none;}
.page-header .logo{width: 43%;}
.header .header-nav{width: 53%;}
.header .navbar-toggle{margin: 35px 32px;}
.header .header-nav .sear{margin-left: 20px;}
.header .header-nav .sear a{top:0;}


.header .hidden-nav .down{width: 95%;}

.header .hidden-nav .down ul li>a{font-size: 16px;}
.header .hidden-nav .down h3{display: none;}
.header .hidden-nav .down h3 a{font-size: 14px;}

.m_banner .focus li p{left: 50%;margin-left: -150px;}
.m_banner .focus li p img{width: 300px;}

.popup{width: 300px;height:540px;margin-top: -270px;margin-left: -150px;padding:30px 10px;z-index: 999;}
.popup .items:nth-child(2){font-size: 20px;}
.popup .items:nth-child(3){font-size: 14px;margin:13px 0;}
.popup .items:nth-child(3) i{margin: 0 2px;}
.popup .items:nth-child(6) .content-us{font-size: 22px;}
.popup .items:nth-child(5){width: 100%;font-size: 12px;margin-top: 20px;}
.popup .items:nth-child(6){margin-top: 9px;}
.popup .items:nth-child(6) .list li span{font-size: 16px;margin-bottom: 5px;}
.popup .items:nth-child(6) .list li{width: 100%;border: none;margin-bottom: 10px;}
.popup .items:nth-child(6) .list li:last-child{margin-bottom: 0;}
.popup .items:nth-child(6) .list{margin-top: 15px;}
.data .bot li span:nth-child(1) em{font-size: 14px;}
.data .bot li span:nth-child(1) i{font-size: 26px;}
.m_banner .focus li a img{width: 100% !important;height: 100% !important;}
.m_banner .focus li p img{width: 60%;margin-top: 7%;}
.m_banner .tdimg img{width: 16px;}
.m_banner .tdimg{width: 16px;height: 38px;margin-left: -8px;bottom: 3%;}

.m_search .sear{width: 75%;}
.m_search .sear form input.btn{width: 20%;}
.m_search .sear form input{width: 80%;height: 50px;line-height: 50px;}
.m_search .sear h3 img{width: 150px;}
.m_search .close{top: 30px;right: 30px;}
.m_search .close img{width: 30px;height: 30px;}

}

@media (max-height:600px){
  .header .hidden-nav .down h4{padding-bottom:15px;}
  .header .hidden-nav .down ul li{padding-top:15px;padding-bottom:15px;}
  .header .hidden-nav .down h5{margin-top:15px;}
  .header .hidden-nav .down p{margin-top:15px;}
}
@media (max-width:320px){
  .header .navbar-toggle{margin:35px 15px;}
}